<template>
   <el-menu
      :default-active="$route.path"
      class="el-menu-vertical-demo"
      router
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b">
      
      <el-menu-item :index="item.path" v-for="(item,i) in menu_list" :key="i"  >
        <i :class="item.icon"></i>
        <span slot="title">{{item.title}}</span>
      </el-menu-item>
    </el-menu>
</template>

<script>
import {menu_list} from "../router"
console.log(menu_list,"module")
    export default {
        data(){
          return {
            menu_list:menu_list
          }
        }
    }
</script>

<style scoped>

</style>